.cl_rest {
    .cl_rest_header {
        image {
            width: 100%;
        }
    }

    .cl_rest_nav {
        text-align: center;

        .cl_rest_nav_top {
            display: flex;
            justify-content: space-between;
            margin: 3% 8%;

            image {
                width: 30%;
            }
        }

        .cl_rest_nav_bottom {
            width: 84%;
        }
    }

    .cl_rest_recommend {
        text-align: center;

        >Text {
            font-size: 46rpx;
            color: rgba($color: #000, $alpha: .3);
        }

        .cl_rest_recommend_items {
            text-align: left;
            margin-top: 30rpx;

            .cl_rest_recommend_item {
                border-top: 1px solid rgba($color: #000, $alpha: .3);
                height: 150rpx;

                image {
                    width: 100rpx;
                    margin-left: 30rpx;
                    margin-top: 25rpx;
                }

                text {
                    &:first-of-type {
                        font-size: 42rpx;
                        position: relative;
                        top: -50rpx;
                        left: 10rpx;
                    }

                    &:last-of-type {
                        font-size: 26rpx;
                        float: right;
                        margin-right: 20rpx;
                        margin-top: 50rpx;
                        color: rgba($color: #000, $alpha: .3);
                    }
                }
            }
        }
    }
}